<template>
	<div>
		<el-cascader
			v-model="value1"
			filterable
			:options="options1"
			:props="{ expandTrigger: 'hover' }"
			placeholder="选择功能模块"
			clearable
		>
		</el-cascader>
		<div style="display: inline" v-if="position == 'upload'">
			<el-divider direction="vertical"></el-divider>

			<el-switch
				v-model="switchvalue"
				active-text="手动输入"
				inactive-text="选择"
			>
			</el-switch>

			<el-cascader
				v-if="switchvalue == false"
				clearable
				placeholder="选择App与版本"
				v-model="value2"
				:options="options2"
				:props="{ checkStrictly: strict, expandTrigger: 'hover' }"
				filterable
			>
			</el-cascader>
			<div style="display: inline" v-else>
				<el-input v-model="input_app" placeholder="输入app"></el-input>
				<el-input v-model="input_ver" placeholder="输入版本"></el-input>
			</div>
		</div>
		<slot></slot>
	</div>
</template>

<script>
module.exports = {
	data() {
		return {
			options1: [
				{
					value: "其他",
					label: "其他",
					children: [{ value: "其他", label: "其他" }],
				},
				{
					value: "下载启动",
					label: "下载启动",
					children: [
						{
							value: "应用商店",
							label: "应用商店",
						},
						{
							value: "App图标",
							label: "App图标",
						},
						{
							value: "启动页",
							label: "启动页",
						},
						{
							value: "广告页",
							label: "广告页",
						},
						{
							value: "欢迎页（首次）",
							label: "欢迎页（首次）",
						},
						{
							value: "引导（首次）",
							label: "引导（首次）",
						},
						{
							value: "基础权限",
							label: "基础权限",
						},
						{
							value: "隐私协议",
							label: "隐私协议",
						},
					],
				},
				{
					value: "注册登录",
					label: "注册登录",
					children: [
						{
							value: "注册",
							label: "注册",
						},
						{
							value: "服务协议",
							label: "服务协议",
						},
						{
							value: "首次登录",
							label: "首次登录",
						},
						{
							value: "登录",
							label: "登录",
						},
						{
							value: "忘记密码",
							label: "忘记密码",
						},
					],
				},
				{
					value: "主界面",
					label: "主界面",
					children: [
						{
							value: "首页",
							label: "首页",
						},
						{
							value: "我的",
							label: "我的",
						},
						{
							value: "财富",
							label: "财富",
						},
						{
							value: "社区",
							label: "社区",
						},
						{
							value: "生活",
							label: "生活",
						},
						{
							value: "全部功能",
							label: "全部功能",
						},
					],
				},
				{
					value: "账户服务",
					label: "账户服务",
					children: [
						{
							label: "绑卡开户",
							value: "绑卡开户",
						},
						{
							value: "银行卡",
							label: "银行卡",
						},
						{
							value: "账户查询",
							label: "账户查询",
						},
						{
							value: "账户管理",
							label: "账户管理",
						},
					],
				},
				{
					value: "转账",
					label: "转账",
					children: [
						{
							label: "转账",
							value: "转账",
						},
						{
							value: "转账设置",
							label: "转账设置",
						},
						{
							value: "转账记录",
							label: "转账记录",
						},
						{
							value: "支付",
							label: "支付",
						},
					],
				},
				{
					value: "投资理财",
					label: "投资理财",
					children: [
						{
							label: "存款",
							value: "存款",
						},
						{
							value: "银行理财",
							label: "银行理财",
						},
						{
							value: "基金",
							label: "基金",
						},
					],
				},
				{
					value: "贷款",
					label: "贷款",
					children: [
						{
							label: "贷款产品种类",
							value: "贷款产品种类",
						},
						{
							value: "贷款/还款信息查询",
							label: "贷款/还款信息查询",
						},
						{
							value: "贷款助手",
							label: "贷款助手",
						},
					],
				},
				{
					value: "信用卡",
					label: "信用卡",
					children: [
						{
							label: "在线申请信用卡",
							value: "在线申请信用卡",
						},
						{
							value: "在线激活信用卡",
							label: "在线激活信用卡",
						},
						{
							value: "信用卡查账功能",
							label: "信用卡查账功能",
						},
						{
							value: "信用卡还款功能",
							label: "信用卡还款功能",
						},
						{
							value: "其他功能是否完善",
							label: "其他功能是否完善",
						},
					],
				},
				{
					value: "辅助工具",
					label: "辅助工具",
					children: [
						{
							label: "金融日历",
							value: "金融日历",
						},
						{
							value: "银行流水",
							label: "银行流水",
						},
						{
							value: "存款证明",
							label: "存款证明",
						},
						{
							value: "信用报告",
							label: "信用报告",
						},
						{
							value: "税收居民",
							label: "税收居民",
						},
					],
				},
				{
					value: "网点服务",
					label: "网点服务",
					children: [
						{
							label: "ATM/网点",
							value: "ATM/网点",
						},
						{
							value: "预约网点",
							label: "预约网点",
						},
						{
							value: "无卡存取款",
							label: "无卡存取款",
						},
					],
				},
				{
					value: "其他金融服务",
					label: "其他金融服务",
					children: [
						{
							label: "私人银行",
							value: "私人银行",
						},
						{
							value: "出国金融",
							label: "出国金融",
						},
						{
							value: "贵金属",
							label: "贵金属",
						},
						{
							value: "证券",
							label: "证券",
						},
					],
				},
				{
					value: "社区&媒体",
					label: "社区&媒体",
					children: [
						{
							label: "新闻资讯",
							value: "新闻资讯",
						},
						{
							value: "直播",
							label: "直播",
						},
						{
							value: "社区",
							label: "社区",
						},
						{
							value: "理财课堂",
							label: "理财课堂",
						},
					],
				},
				{
					value: "搜索&客服",
					label: "搜索&客服",
					children: [
						{
							label: "搜索",
							value: "搜索",
						},
						{
							value: "客服",
							label: "客服",
						},
						{
							value: "消息中心",
							label: "消息中心",
						},
						{
							value: "语音助手",
							label: "语音助手",
						},
						{
							value: "常见问题",
							label: "常见问题",
						},
					],
				},
				{
					value: "安全设置",
					label: "安全设置",
					children: [
						{
							label: "挂失",
							value: "挂失",
						},
						{
							value: "一键锁卡",
							label: "一键锁卡",
						},
						{
							value: "限额",
							label: "限额",
						},
						{
							value: "登录管理",
							label: "登录管理",
						},
						{
							value: "设备管理",
							label: "设备管理",
						},
						{
							value: "预留信息",
							label: "预留信息",
						},
						{
							value: "安全工具",
							label: "安全工具",
						},
						{
							value: "支付设置",
							label: "支付设置",
						},
						{
							value: "手机号管理",
							label: "手机号管理",
						},
					],
				},
			], //功能模块
			value1: [], //绑定功能模块
			value2: [], //绑定app版本
			options2: [], //app和版本
			switchvalue: false,
			input_app: "",
			input_ver: "",
		};
	},
	props: {
		strict: Boolean, //default:false
		position: String,
	},
	emits: ["change"],
	created: function () {
		this.init();
	},
	watch: {
		switchvalue: function () {
			this.$emit("change", this.switchvalue);
		},
		input_app: function () {
			this.$emit("change", this.switchvalue);
		},
		input_ver: function () {
			this.$emit("change", this.switchvalue);
		},
		value1: function () {
			this.$emit("change", this.switchvalue);
		},
		value2: function () {
			this.$emit("change", this.switchvalue);
		},
	},
	methods: {
		init() {
			//获取功能模块
			// axios.get("/getfunc").then((res) => {
			// 	for (let item of res.data) {
			// 		this.options1.push({ value: item, label: item });
			// 	}
			// });
			//获取APP和版本
			axios.get("/getbv").then((res) => {
				this.options2 = res.data;
			});
		},
	},
};
</script>

<style scoped>
div {
	text-align: center;
}

.el-switch {
	display: inline-block;
	position: static;
}
</style>